@import "variables";
.seed-sponsor-filter {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 13;
  background: color($h5, c10);
  display: flex;
  flex-direction: column;
  padding-bottom:pxTorem(151);
  .match-filter-title {
    width: 100%;
    height: pxTorem(90);
    min-height: pxTorem(90);
    margin-bottom: pxTorem(20);
    background: color($h5, c10);
    z-index:13;
    position: relative;
    .back {
      display: inline-block;
      position: absolute;
      top: 0;
      bottom: 0;
      left: pxTorem(30);
      margin: auto;
      @include icon(34, 34, '/assets/icon/screen_closed.png')
    }
    span {
      display: block;
      width: 100%;
      text-align: center;
      line-height: 4.5rem;
      @include font-dpr(30px);
    }
  }
  .seed-sponsor-filter-body{
    width:100%;
    z-index: 14;
    background:color($h5,c10);
    padding:0 pxTorem(20) pxTorem(20);
    overflow-y: scroll;

    .competition-project{
      .competition-project-title{
        @include font-dpr(26px);
        color:color($h5,c3);
        padding:pxTorem(30) 0 pxTorem(10);
        p{
          overflow: hidden;
          .competitionName{
            min-width: pxTorem(100);
            float:left;
          }
          .proListName{
            float:left;
            text-align: right;
            width: 75%;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            color:color($h5,c11);
            @include font-dpr(24px);
            padding-right:pxTorem(15);
          }
          i{
            float:right;
            width: pxTorem(25);
            height:pxTorem(25);
            background:url('../../../../assets/icon/arrow.png') center center no-repeat;
            background-size: pxTorem(20) pxTorem(11);
          }
          .turnUp{
            transform: rotate(180deg);
          }
        }
      }
      .competition-project-clum{
        ul{
          overflow: hidden;
          li{
            display: block;
            float:left;
            width:32%;
            height:pxTorem(90);
            line-height: pxTorem(90);
            text-align: center;
            background:color($h5,c9);
            margin:pxTorem(20) 2% 0 0;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            border-radius: pxTorem(5);
            @include font-dpr(28px);
          }
          li:nth-child(3n){
            margin-right:0;
          }
          .chosed{
            background:color($h5,c1);
            color:color($h5,c10);
          }
        }
        .sport-ul{
          max-height:pxTorem(125);
        }
        .stratTime{
          @include font-dpr(22px);
          color:color($h5,c4);
        }
        span{
          @include font-dpr(18px);
          color:color($h5,c4);
          margin:0 pxTorem(46);
        }
        .choseTime{
          width:100%;
          overflow: hidden;
          display: flex;
          align-items: center;
          margin-top: pxTorem(20);
          .chose-time{
            position: relative;
            background:color($h5,c9);
            width:35%;
            float:left;
            height:pxTorem(110);
            padding:pxTorem(10);
            border-radius: pxTorem(5);
            display: flex;
            flex-direction: column;
            .strat-time{
              width:100%;
              margin-bottom:pxTorem(10);
            }
            span{
              width:100%;
              margin:0;
              @include font-dpr(28px);
              color:color($h5,c2);
            }
            input{
              position: absolute;
              top:0;
              left:0;
              color:transparent;
              resize: none;
              width:100%;
              height:100%;
              @include font-dpr(28px);
              background: none;
            }
          }
          .ent-time{
            padding-top:20px;
          }
          label{
            float:left;
            height:pxTorem(1);
            width:pxTorem(40);
            margin:0 pxTorem(46);
            border-top:1px solid color($h5,c4);
          }
        }
      }
    }
  }
  .contact-filter-position{
    z-index: 8;
    width:100%;
    box-sizing: border-box;
    position: absolute;
    bottom:0;
    left:0;
    padding:pxTorem(20) pxTorem(30);
    border-top:1px solid color($h5,c9);
    background:color($h5,c10);
    div{
      float:left;
      width:49%;
      height:pxTorem(90);
      border-radius: pxTorem(5);
      text-align: center;
      line-height: pxTorem(90);
      @include font-dpr(30px);
    }
    .reset{
      color:color($h5,c1);
      border:1px solid color($h5,c1);
      margin-right:2%;
    }
    .submit{
      background:color($h5,c1);
      color:color($h5,c10);
    }
  }
}
